<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <title>烟台公安出入境</title>
    <style>
        body, html {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            background-color: #473F66;
        }

        .main {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            background-color: #473F66;
            display: flex;
            flex-direction: column;
        }

        .text_container {
            text-shadow: 2px 2px 5px #cccccc;
            font-family: "Heiti SC";
            color: white;
            font-size: 7.4vw;
            flex: 1;
            text-align: center;
            display:flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: right;
            vertical-align:bottom;
            padding-bottom: 3px;

        }

        .img_container {
            background-image: url("/images/404.png");
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 133.33vw;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="text_container"><span> &nbsp;&nbsp;功能即将上线，敬请期待！</span></div>
    <div class="img_container"></div>
</div>

</body>
</html>